@import "min";
.page {
    width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 600px 600px;
    grid-template-rows: 50px 400px 100px;
    div {
        &:nth-child(1) {
            margin-left: 30px;
            grid-column-start: 1;
            grid-column-end: 3;
            height: 60px;
            p {
                line-height: 60px;
                font-size: 14px;
                color: #333;
                cursor: pointer;
                span {
                    color: #999;
                }
            }
        }
        &:nth-child(2) {
            margin-top: 20px;
            height: 540px;
            img {
                width: 90%;
                margin: 0 auto;
            }
        }
        &:nth-child(3) {
            margin-top: 20px;
            height: 540px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            div {
                height: 240px;
            }
            .top {
                p {
                    margin: 10px 10px;
                    padding-bottom: 20px;
                    border-bottom: 1px solid #999;
                    span {
                        &:nth-child(1) {
                            font-size: 12px;
                            color: #999;
                        }
                        &:nth-child(2) {
                            font-size: 20px;
                            color: #DA456F;
                            font-weight: bold;
                            padding: 0 5px;
                        }
                    }
                    s {
                        font-size: 12px;
                        color: #999;
                    }
                }
                table {
                    padding-left: 10px;
                    td {
                        font-size: 14px;
                        color: #999;
                        padding-top: 20px;
                        padding-right: 50px;
                    }
                }
            }
            .bottom {
                margin-left: 30px;
                position: relative;
                p {
                    position: absolute;
                    bottom: 30px;
                    span {
                        display: inline-block;
                        width: 195px;
                        height: 60px;
                        &:nth-child(1) {
                            // background: url(../img/goods/btns.png);
                            @include css("../img/goods/btns.png")
                        }
                        &:nth-child(2) {
                            // background: url(../img/goods/btns.png);
                            @include css("../img/goods/btns.png", 0, -60px)
                        }
                    }
                }
                img {
                    position: absolute;
                    bottom: -15px;
                    width: 220px;
                    margin: 15px 10px;
                    float: left;
                }
            }
        }
        &:nth-child(4) {
            margin-top: 170px;
            grid-column-start: 1;
            grid-column-end: 3;
            height: 80px;
            img {
                width: 100%;
            }
        }
    }
}

#a {
    margin-top: 180px;
}